@charset "utf-8";
@charset "utf-8";
/* all */
.skin {border:1px solid #e5e5e5;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;-webkit-box-shadow: 0 8px 6px -6px black;-moz-box-shadow: 0 8px 6px -6px black;box-shadow: 0 6px 6px -6px black;padding:10px;}
* {margin:0;padding:0;}
body {font-family:tahoma,verdana,arial,sans-serif;color:rgba(106,106,106,1);}
a {color:#6a6a6a;text-decoration:none;}
ul {list-style-type:none;} 
.wrapper {position:relative;width:100%;height:100%;overflow:hidden;min-height:666px;}
.bg-header {width:100%;height:71px;border-bottom:1px solid rgba(229,229,229,1);background:whiteSmoke;}
.header {width:940px;height:51px;margin:auto;padding:10px;}
.logo {background:url(../images/logo.jpg) no-repeat;width:170px;height:42px;display:block;margin-top:6px;float:left;}
.otherlink a:hover,
a[alt=fall]:hover,
#footer ul li a:hover,
a[alt=navigation]:hover,
.here:hover,label span a:hover,
.hover:hover,.error a:hover
{text-decoration:underline;}

/* nav */
.nav {width:600px;height:50px;float:left;margin-left:60px;}
.nav ul,#footer ul {list-style-type:none;}
.nav ul li,.nav ul,#footer ul {display:inline;}
.nav ul li a {display:block;font-size:14px;float:left;margin:15px 10px;padding:9px 9px;font-weight:bold;-moz-transition:all 0.5s ease-in-out;-webkit-transition:all .5s ease-in-out;}
.nav ul li a:hover,.link-nav .r-link:hover  {border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;background:rgba(237,28,36,.8);color:rgba(255,255,255,1);}

/* content */
.content {width:780px;height:auto;overflow:hidden;margin:auto;padding:25px 90px 25px 90px;min-height:505px;}
.right {width:300px;height:auto;overflow:hidden;float:left;padding-top:10px;}
.left {width:61.5%;height:auto;overflow:hidden;float:left;}
.content h1 {font-size:30px;color:#ed1c24;font-weight:normal;margin-bottom:10px;}
.content h3 {font-size:14px;line-height:22px;font-weight:normal;margin-bottom:25px;}
.option {width:100%;height:auto;overflow:hidden;}
.img {width:60px;height:60px;float:left;margin-bottom:25px;}
.text {width:70.8%;height:auto;overflow:hidden;float:left;margin-left:5px;}
.user {background:url(../images/icon.jpg) top left no-repeat;width:60px;height:60px;display:block;}
.register {background:url(../images/icon.jpg) 0 -60px no-repeat;width:60px;height:60px;display:block;}
.safe {background:url(../images/icon.jpg) 0 -120px no-repeat;width:60px;height:60px;display:block;}
span {font-size:18px;color:rgba(65,65,65,1);}
p {font-size:12px;line-height:23px;}
.login-box {width:248px;height:296px;border:1px solid rgba(225,175,176,1);padding:25px;}
.capcha {width:41%;height:147px;background:#ebebeb;margin-top:5px;}
.capcha2 {width:40%;height:100px;background:#ebebeb;margin-top:7px;}
/* form */
form {width:100%;height:100%;overflow:hidden;}
h2 {font-size:18px;color:rgba(106,106,106,1);font-weight:normal;margin-bottom:25px;}
label {width:100%;height:auto;overflow:hidden;display:block;}
label[class=otherlink] {margin:20px 0;}
label strong,.select-text {font-size:12px;color:#6a6a6a;font-weight:bold;line-height:16px;}

.float {float:left;margin-bottom:20px;}
select {height:30px;background:whitesmoke url(../images/select.png) 92% center no-repeat;border:1px solid #e5e5e5;-webkit-rtl-ordering: logical;-webkit-appearance:none;padding-left:5px;line-height:25px;margin-top:7px;color:rgba(106,106,106,.6);width:100%;}
select:focus {outline:none;border:1px solid rgba(237,28,36,.8);}
input,.block-box {border-radius:3px;-webkit-border-radius:3px;-moz-border-radius:3px;}
input[type=text],input[type=password] {width:204px;height:26px;border:1px solid #c0c0c0;margin-top:5px;padding-left:2%;position:relative;z-index:24px;}
.login-textfield {width:97% !important;}
option {background:#FFF;}
input:hover,textarea:hover {-webkit-box-shadow: inset 1px 1px 0 rgba(0,0,0,.1),inset 0 -1px 0 rgba(0,0,0,.01);box-shadow: inset 1px 1px 0 rgba(0,0,0,.1),inset 0 -1px 0 rgba(0,0,0,.07);}
input:focus,textarea:focus {outline-color:#ed1c24;border:1px solid #ed1c24; -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,0.3); -moz-box-shadow: inset 0 1px 2px rgba(0,0,0,0.3); box-shadow: inset 0 1px 2px rgba(0,0,0,0.3);}
.login-button,.update  {border:1px solid rgba(116,1,3,1);padding:7px 9px;background:rgba(211,3,11,1);color:#dcdcdc;font-weight:bold;color:#efeeee;cursor:pointer;-moz-transition:all 0.218s ease-in-out;-webkit-transition:all 0.218s ease-in-out;margin-bottom:10px;display:block;}
.login-button:hover,.update:hover {,background-image: -webkit-gradient(linear,left top,left bottom,from(#e1040c),to(#9b0107));background-image: -webkit-linear-gradient(top,#e1040c,#9b0107);background-image: -moz-linear-gradient(top,#e1040c,#9b0107);background-image: -ms-linear-gradient(top,#e1040c,#9b0107);background-image: -o-linear-gradient(top,#e1040c,#9b0107);background-image: linear-gradient(top,#e1040c,#9b0107);}
.login-button:active,.update:active {-moz-box-shadow: inset 0 0 1px 1px rgba(218,218,218,1);-webkit-box-shadow: inset 0 0 1px 1px rgba(218,218,218,1);box-shadow: inset 0 0 1px 1px rgba(218,218,218,1);}
input[type=checkbox] {-webkit-appearance: none;appearance: none;width: 13px;height: 13px;margin: 0;cursor: pointer;vertical-align: bottom;background: white;border: 1px solid gainsboro;-webkit-border-radius: 1px;-moz-border-radius: 1px;border-radius: 1px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;position: relative;}

.otherlink strong {font-weight:normal;padding:0 0 0 5px;}
.otherlink a {font-size:12px;display:block;font-weight:bold;margin-top:5px;}
form .top {margin-top:15px;}
a[alt=fall] {color:rgba(237,28,36,1);font-size:12px;font-weight:normal;}
/* footer */
#footer {width:100%;min-height:36px;border-top:1px solid rgba(229,229,229,1); bottom:0;background:whiteSmoke;}
.in-footer {width:940px;padding:0 10px;height:37px;margin:auto;}
#footer ul li a,#footer p {font-size:12px;display:block;float:left;margin:0 15px;line-height:36px;}
.footer-detail,.game-event {width:450px;height:auto;overflow:hidden;float:left;}
.game-event a {font-size:12px;line-height:37px;width:410px;display:block;text-align:right;}

/* lv2-page */
.box-line-header {width:100%;height:auto;overflow:hidden;margin:15px 0 7px 0;}
.link-nav {margin-bottom:15px;border-bottom:1px solid rgba(106,106,106,.2);}
.link-nav span {float:right;display:block;width:160px;}
.link-nav .r-link {display:inline-block;padding:0 5px;-moz-transition:all 0.218s ease-in-out;-webkit-transition:all 0.218s ease-in-out;}
.link-nav span a {color:rgba(106,106,106,1);font-size:12px;}
.header-title{font-size:24px;color:rgba(237,28,36,1);cursor:text;}
a[alt=name]:hover {color:rgba(106,106,106,1);}
table tr td b  {color:rgba(106,106,106,1) !important;}
b,span a {color:rgba(237,28,36,1);font-size:12px;}
.left-box-content.skin h5 {width:100%;text-align:center;font-size:16px;}
form .Birth {width:100%;height:auto;overflow:hidden;margin-bottom:15px;}

#live {width:41.5%;background-position:98.5%;}
#qs {background-position:98.5%;}
#BirthMonth {background-position:97%;}
.virtual-keyboard {float:left;width:20px;background:url(../images/tia.png) center center no-repeat;height:40px;display:block;margin:0 10px 0 5px;}
.comment-section span i {font-size:12px;color:rgba(106,106,106,1);font-style:normal;}
.wrapper-input {width:100%;height:auto;overflow:hidden;}
.magt {margin-top:10px;}
.left .option .text p {font-size:14px;} 
input[name=create] {width:123px}
.l-form form textarea {padding:3px;}
